<!DOCTYPE html>
<html lang="en">
  <head>
      <meta charset="UTF-8">
      <title>房东申请页面3</title>
      <link href="../css/house_owner/House3.css" rel="stylesheet">
      <link href="../css/house_owner/House2.css" rel="stylesheet">
      <link href="../css/house_owner/House5.css" rel="stylesheet">
  </head>
  <body class="background_first">
  <div class="nav">
      <div class="head-logo">
          <a href=""></a>
      </div>
      <div class="head-nav">
          <ul>
              <li><a href="" class="first-item">首页</a> </li>
              <li><a href="">手机端</a> </li>
              <li><a href="">成为房东</a> </li>
              <li><a href="">房源订单中心</a> </li>
              <li><a href="">消息</a> </li>
              <li><a href="">我的收藏</a> </li>
              <li><a href="">帮助</a> </li>
          </ul>
      </div>
      <div class="head-login">
          <a href="">
              <img class="login-logo" src="../image/login-logo.svg"/>
              <span class="login-title">登录</span>
          </a>
          <a href="">
              <img class="regist-logo" src="../image/regist-logo.svg" >
              <span class="login-title">注册</span>
          </a>
      </div>
  </div>


  <!--警告标题-->
  <div class="cart-filter-bar">
      <div class="switch-cart">
          <span class="cart-title">请勿发布公租房、廉租房、共有产权房、群租房等，禁止公开出租租房源，已经发现，立即下架处理。</span>
      </div>
  </div>



  <div class="el_house">
      <div class="el_house_first">
          <h2 class="el_house_information">
              您的房源类型是什么？
          </h2>
      </div>

      <div class="el-select">
          <div class="rentItem_three">
              <input type="text" readonly="readonly" autocomplete="off" placeholder="  填写您的房源类型 " >
              <ul>
                  <li>
                      <div class="rentItem_three_square">
                          <label>房源类型:</label>
                          <select class="el_house_specific">
                              <option class="el_house_specific_big">小区住宅</option>
                              <option class="el_house_specific_big">酒店式公寓</option>
                              <option class="el_house_specific_big">普通公寓</option>
                              <option class="el_house_specific_big">自建住宅</option>
                              <option class="el_house_specific_big">客栈别墅</option>
                          </select>
                      </div>
                  </li>
              </ul>
              </input>
          </div>
      </div>



      <div class="el_house_first">
          <h2 class="el_house_information">
              您的房源名字是什么？
          </h2>
      </div>

      <div class="el-select">
          <div class="rentItem_three">
              <input type="text" readonly="readonly" autocomplete="off" placeholder="  填写您的房源名字 " >
              <ul>
                  <li>
                      <div class="rentItem_three_square">
                          <div class="el_form_item">
                              <label class="el_form_item_label"">
                              <font style="vertical-align: inherit;">
                                  房源名字：(吸引房客)
                              </font>
                              </label>

                              <div class="el_form_item_content" style="margin-left: 150px;">
                                  <div class="el_input">
                                      <input type="text" autocomplete="off" maxlength="20" placeholder="请输入房源名字" class="el_input_inner">
                                  </div>
                              </div>
                          </div>
                      </div>
                  </li>
              </ul>
              </input>
          </div>
      </div>



      <div class="el_house_first">
          <h2 class="el_house_information">
              您的房源地址在哪儿？
          </h2>
      </div>
      <!--------房源地址-------->
      <div class="pro-list">
          <ul>
              <li>
                  <!--类型头部-->
                  <div class="Rental-type">
                      <p>
                          房源地址/填写您的房源地址
                      </p>

                  </div>

                  <div class="rentWrapper">

                      <div class="rentItem">
                          <input type="text" readonly="readonly" autocomplete="off" placeholder="省---市---区---街道门牌号" ></input>
                          <ul>
                              <li>
                                  <div class="rentItem_square">
                                      <label>所在省份</label>
                                      <select class="city">
                                          <option>江苏省</option>
                                          <option>无</option>
                                          <option>无</option>
                                          <option>无</option>
                                      </select>
                                  </div>
                              </li>


                              <li>
                                  <div class="rentItem_square">
                                      <label>所在城市</label>
                                      <select class="city">
                                          <option>苏州市</option>
                                          <option>无</option>
                                          <option>无</option>
                                          <option>无</option>
                                      </select>
                                  </div>
                              </li>

                              <li>
                                  <div class="rentItem_square">
                                      <label>所在园区</label>
                                      <select class="receive_address">

                                      </select>
                                  </div>
                              </li>

                              <li>
                                  <div class="el_form_item">
                                      <label class="el_form_item_label"">
                                      <font style="vertical-align: inherit;">
                                          具体地址：(省市区可省略)
                                      </font>
                                      </label>

                                      <div class="el_form_item_content" style="margin-left: 150px;">
                                          <div class="el_input">
                                              <input type="text" autocomplete="off" maxlength="20" placeholder="请输入具体地址" class="el_input_inner">
                                          </div>
                                      </div>
                                  </div>
                              </li>


                          </ul>
                      </div>

                  </div>
              </li>
          </ul>
      </div>


      <div class="el_house_first">
          <h2 class="el_house_information">
              日租价格：
          </h2>
      </div>
      <div class="el_form_item">
          <label class="el_form_item_label"">
          <font style="vertical-align: inherit;">
              价格:（元/每晚）
          </font>
          </label>

          <div class="el_form_item_content" style="margin-left: 150px;">
              <div class="el_input">
                  <input type="text" autocomplete="off" maxlength="6" placeholder="请输入日租金额" class="el_input_inner">
              </div>
          </div>
      </div>






      <div class="el_house_first">
                <h2 class="el_house_information">
                    房屋户型：
                </h2>
        </div>

         <div class="el-select">
             <div class="rentItem_three">
                 <input type="text" readonly="readonly" autocomplete="off" placeholder="  填写您的房屋具体信息 " >
                 <ul>
                     <li>
                         <div class="rentItem_three_square">
                             <label>房屋户型:</label>
                             <select class="el_house_specific">
                                 <option class="el_house_specific_big">1室</option>
                                 <option class="el_house_specific_big">2室</option>
                                 <option class="el_house_specific_big">3室</option>
                                 <option class="el_house_specific_big">4室</option>
                                 <option class="el_house_specific_big">5室</option>
                                 <option class="el_house_specific_big">6室</option>
                             </select>
                         </div>
                     </li>


                     <li>
                         <div class="rentItem_three_square">
                             <label>出行类型:</label>
                             <select class="el_house_specific">
                                 <option class="el_house_specific_big">商务出行</option>
                                 <option class="el_house_specific_big"></option>
                                 <option class="el_house_specific_big"></option>
                                 <option class="el_house_specific_big"></option>
                                 <option class="el_house_specific_big"></option>
                                 <option class="el_house_specific_big"></option>
                             </select>
                         </div>
                     </li>






                     <li class="desItem">
                         <div class="leftItem">
                             <div class="section-title">
                                 <h2>
                                     <font style="vertical-align: inherit;">
                                         <font style="vertical-align: inherit;">房源标题</font>
                                     </font>
                                 </h2>

                             </div>
                             <p class="t2">
                                 <font style="vertical-align: inherit;">
                                     <font style="vertical-align: inherit;">精炼的介绍特点和优势，让房客在第一时间对你的房源感兴趣</font>
                                 </font>
                             </p>

                             <div class="el-form-item_content" style="margin-left: 0px;">
                                 <div class="firstText">
                                     <textarea autocomplete="off" placeholder="请填写" maxlength="100" rows="5" class="el_textarea_inner" ></textarea>

                                 </div>
                             </div>
                         </div>

                         <div class="rightItem">
                             <p class="rightItem_first">
                                 <font style="vertical-align: inherit;">
                                     <font style="vertical-align: inherit;">
                                         格式建议：地标+出租类型+房间形容词例如：国双井10号线地铁阳光充沛的大床房整租。
                                     </font>

                                 </font>
                             </p>

                             <p class="rightItem_second" >
                                 <font style="vertical-align: inherit;">
                                     <font style="vertical-align: inherit;">
                                         1、请不要发布联系方式
                                     </font>
                                 </font>
                             </p>

                             <p class="rightItem_third" >
                                 <font style="vertical-align: inherit;">
                                     <font style="vertical-align: inherit;">
                                         2、请不要使用使馆、店、招待所、浴池、定时休息、英租、法租、旅界等词汇
                                     </font>
                                 </font>
                             </p>

                         </div>
                     </li>




                     <li class="desItem">
                         <div class="leftItem">
                             <div class="section-title">
                                 <h2>
                                     <font style="vertical-align: inherit;">
                                         <font style="vertical-align: inherit;">房源介绍</font>
                                     </font>
                                 </h2>

                             </div>
                             <p class="t2">
                                 <font style="vertical-align: inherit;">
                                     <font style="vertical-align: inherit;">内屋装修和装饰的风格，以及主要配套设施的介绍</font>
                                 </font>
                             </p>

                             <div class="el-form-item_content" style="margin-left: 0px;">
                                 <div class="firstText">
                                     <textarea autocomplete="off" placeholder="请填写" maxlength="100" rows="5" class="el_textarea_inner" ></textarea>

                                 </div>
                             </div>
                         </div>

                         <div class="rightItem">
                             <p class="rightItem_first">
                                 <font style="vertical-align: inherit;">
                                     <font style="vertical-align: inherit;">
                                         欧式田园小清新风格的装修，搭配舒适的大床和枕头，相信你一定会舒舒服服的睡个好觉！ ，以及独立的美食吧（24小时热水是妥妥的）如果您有厨房，厨房免费提供给您，厨具调料，备快来大展厨艺！
                                     </font>

                                 </font>
                             </p>

                             <p class="rightItem_second" >
                                 <font style="vertical-align: inherit;">
                                     <font style="vertical-align: inherit;">
                                         1、请不要发布联系方式
                                     </font>
                                 </font>
                             </p>

                             <p class="rightItem_third" >
                                 <font style="vertical-align: inherit;">
                                     <font style="vertical-align: inherit;">
                                         2、请不要使用使馆、店、招待所、浴池、定时休息、英租、法租、旅界等词汇
                                     </font>
                                 </font>
                             </p>

                         </div>
                     </li>




                     <li class="desItem">
                         <div class="leftItem">
                             <div class="section-title">
                                 <h2>
                                     <font style="vertical-align: inherit;">
                                         <font style="vertical-align: inherit;">房源亮点（选填）</font>
                                     </font>
                                 </h2>

                             </div>
                             <p class="t2">
                                 <font style="vertical-align: inherit;">
                                     <font style="vertical-align: inherit;">向房客介绍一下自己的体验感受，告诉房客能到的不一样的特色或服务有哪些</font>
                                 </font>
                             </p>

                             <div class="el-form-item_content" style="margin-left: 0px;">
                                 <div class="firstText">
                                     <textarea autocomplete="off" placeholder="请填写" maxlength="100" rows="5" class="el_textarea_inner" ></textarea>

                                 </div>
                             </div>
                         </div>

                         <div class="rightItem">
                             <p class="rightItem_first">
                                 <font style="vertical-align: inherit;">
                                     <font style="vertical-align: inherit;">
                                         例如：除了居住之外，你可以体验家庭KTV、麻将桌、院子还可以一大群朋友烧烤，那是非常愉快的周末生活呀。
                                     </font>

                                 </font>
                             </p>

                             <p class="rightItem_second" >
                                 <font style="vertical-align: inherit;">
                                     <font style="vertical-align: inherit;">
                                         1、请不要发布联系方式
                                     </font>
                                 </font>
                             </p>

                             <p class="rightItem_third" >
                                 <font style="vertical-align: inherit;">
                                     <font style="vertical-align: inherit;">
                                         2、请不要使用使馆、店、招待所、浴池、定时休息、英租、法租、旅界等词汇
                                     </font>
                                 </font>
                             </p>

                         </div>
                     </li>


                     <li class="desItem">
                         <div class="leftItem">
                             <div class="section-title">
                                 <h2>
                                     <font style="vertical-align: inherit;">
                                         <font style="vertical-align: inherit;">位置周边（选填）</font>
                                     </font>
                                 </h2>

                             </div>
                             <p class="t2">
                                 <font style="vertical-align: inherit;">
                                     <font style="vertical-align: inherit;">
                                         房源有楼宇和小区的基本情况，以及周边商超、景点、银行、医院等配套设施情况
                                     </font>
                                 </font>
                             </p>

                             <div class="el-form-item_content" style="margin-left: 0px;">
                                 <div class="firstText">
                                     <textarea autocomplete="off" placeholder="请填写" maxlength="100" rows="5" class="el_textarea_inner" ></textarea>

                                 </div>
                             </div>
                         </div>

                         <div class="rightItem">
                             <p class="rightItem_first">
                                 <font style="vertical-align: inherit;">
                                     <font style="vertical-align: inherit;">
                                         地点：安定门外大街，从安定门地铁站A口5分钟即到。楼下还有27路、117路公交线路，十分方便。 、老上海城隍庙小吃等、金融机构有建设银行、中国银行等，医疗服务有解放军总医院。
                                     </font>

                                 </font>
                             </p>

                             <p class="rightItem_second" >
                                 <font style="vertical-align: inherit;">
                                     <font style="vertical-align: inherit;">
                                         1、请不要发布联系方式
                                     </font>
                                 </font>
                             </p>

                             <p class="rightItem_third" >
                                 <font style="vertical-align: inherit;">
                                     <font style="vertical-align: inherit;">
                                         2、请不要使用使馆、店、招待所、浴池、定时休息、英租、法租、旅界等词汇
                                     </font>
                                 </font>
                             </p>

                         </div>
                     </li>




                 </ul>
                 </input>



             </div>
        </div>


  </div>





  <div class="fix-bottom">
      <div class="bottomWrapper">
          <div class="back-to-top">
              <div id="goTop">
                  <font style="vertical-align: inherit;">
                      回到顶部
                  </font>
              </div>
          </div>

          <div class="save-back">
              <button type="button" class="el-button" title>
                  <span>
                      <font style="vertical-align: inherit;">
                          <font style="vertical-align: inherit;">保存返回列表</font>
                      </font>
                  </span>
              </button>
          </div>

          <div class="save">
              <button type="button" class="el-button" title>
                  <span>
                      <font style="vertical-align: inherit;">
                          <font style="vertical-align: inherit;">保存并继续</font>
                      </font>
                  </span>
              </button>
          </div>

          <div class="save">
              <button type="button" class="el-button" title>
                  <span>
                      <font style="vertical-align: inherit;">
                          <font style="vertical-align: inherit;">发布</font>
                      </font>
                  </span>
              </button>
          </div>
      </div>

  </div>


  <div  class="foot-lianjie" >
      <div>
          <a href="https://www.baidu.com/?tn=40020637_9_oem_dg" class="test-foot-lianjie">
              友情链接：百度（baidu）
          </a>
      </div>

  </div>

  <script src="../js/js_02_House2.js"></script>

  <script>
      //以下内容是设置小方块点击后回到顶部的效果
      goTop.onclick = function(){
          document.body.scrollTop = 0;
          document.documentElement.scrollTop = 0;
      }
  </script>

  </body>
</html>